<template>
    <div class="body-ul3">
        <ul>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">橱柜</h5>
                    <p style="margin-bottom: 5px;">橱柜定制流程介绍，安<br>装验收及保养攻略</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">5391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_05.gif">
                </div>
            </li>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">沙发</h5>
                    <p style="margin-bottom: 5px;">布艺、藤制等沙发特<br>点，真皮沙发鉴别方法</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">7391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_08.gif" >
                </div>
            </li>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">床</h5>
                    <p style="margin-bottom: 5px;">如何选购实木儿童床，<br>沙发床的保养方法说明</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">6391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_10.gif" >
                </div>
            </li>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">桌子</h5>
                    <p style="margin-bottom: 5px;">实木、大理石餐桌比<br>较，如何选购及保养餐...</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">2391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_10.gif" >
                </div>
            </li>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">沙发</h5>
                    <p style="margin-bottom: 5px;">布艺、藤制等沙发特<br>点，真皮沙发鉴别方法</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">5391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_08.gif" >
                </div>
            </li>
            <li>
                <div class="body-ul3-p">
                    <h5 style="margin-bottom: 5px;">床</h5>
                    <p style="margin-bottom: 5px;">如何选购实木儿童床，<br>沙发床的保养方法说明</p>
                    <div class="body-ul3-redxi">
                        <p>1w+人阅读</p>
                        <p><img src="../../assets/images/find/红心.png">6391</p>
                    </div>
                </div>
                <div class="body-ul3-bimg">
                    <img src="../../assets/images/find/发现页_10.gif" >
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'Furniture',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>
.body-ul3{
	width: 100%;
	background-color: whitesmoke;
	margin-top: 5px;
    height: 895px;
}
.body-ul3>ul{
	width: 400px;
	padding: 0px;
    height: 895px;
}
.body-ul3>ul>li{
	width: 400px;
	height: 145px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: left;
	background-color: white;
	margin-bottom: 5px;
	cursor: pointer;
}
.body-ul3>ul>li p{
	font-size: 0.8em;
	color: gray;
}
.body-ul3-p{
	margin-left: 5px;
	margin-top: 5px;
}
.body-ul3-redxi{
	width: 128px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.body-ul3-redxi img{
	width: 0.8em;
	height: 0.8em;
}
.body-ul3-bimg img{
	width: 250px;
	height: 143px;
}
</style>